<template>
  <div id="heatLeft"></div>
</template>

<script>
  import {DensityHeatmap} from '@antv/g2plot';

  export default {
    name: "HeatLeft",
    props:{
       heatLeft:{
        type:Array,
        default() {
          return [{"X":42.5,"Y":43.5,"Count":1},{"X":46.5,"Y":65.5,"Count":3},{"X":92.5,"Y":16.5,"Count":1},{"X":74.5,"Y":27.5,"Count":2},{"X":88.5,"Y":73.5,"Count":1},{"X":79.5,"Y":63.5,"Count":2},{"X":79.5,"Y":32.5,"Count":1},{"X":81.5,"Y":52.5,"Count":4},{"X":81.5,"Y":45.5,"Count":1},{"X":77.5,"Y":50.5,"Count":2},{"X":73.5,"Y":24.5,"Count":1},{"X":82.5,"Y":36.5,"Count":2},{"X":78.5,"Y":62.5,"Count":1},{"X":55.5,"Y":31.5,"Count":1},{"X":60.5,"Y":24.5,"Count":1},{"X":71.5,"Y":35.5,"Count":1},{"X":92.5,"Y":12.5,"Count":1},{"X":80.5,"Y":44.5,"Count":3},{"X":35.5,"Y":5.5,"Count":1},{"X":49.5,"Y":96.5,"Count":1},{"X":77.5,"Y":62.5,"Count":1},{"X":13.5,"Y":71.5,"Count":1},{"X":11.5,"Y":71.5,"Count":2},{"X":55.5,"Y":73.5,"Count":3},{"X":82.5,"Y":63.5,"Count":3},{"X":0.5,"Y":-39.5,"Count":1},{"X":15.5,"Y":47.5,"Count":2},{"X":4.5,"Y":73.5,"Count":2},{"X":24.5,"Y":53.5,"Count":1},{"X":3.5,"Y":47.5,"Count":1},{"X":39.5,"Y":85.5,"Count":2},{"X":9.5,"Y":35.5,"Count":1},{"X":30.5,"Y":81.5,"Count":1},{"X":3.5,"Y":30.5,"Count":1},{"X":58.5,"Y":68.5,"Count":3},{"X":70.5,"Y":56.5,"Count":2},{"X":49.5,"Y":56.5,"Count":1},{"X":51.5,"Y":53.5,"Count":2},{"X":64.5,"Y":59.5,"Count":1},{"X":71.5,"Y":65.5,"Count":1},{"X":15.5,"Y":66.5,"Count":2},{"X":53.5,"Y":57.5,"Count":1},{"X":33.5,"Y":75.5,"Count":1},{"X":43.5,"Y":78.5,"Count":2},{"X":66.5,"Y":46.5,"Count":1},{"X":65.5,"Y":46.5,"Count":1},{"X":50.5,"Y":49.5,"Count":1},{"X":46.5,"Y":48.5,"Count":1},{"X":65.5,"Y":15.5,"Count":1},{"X":44.5,"Y":82.5,"Count":1},{"X":44.5,"Y":37.5,"Count":4},{"X":59.5,"Y":59.5,"Count":6},{"X":68.5,"Y":72.5,"Count":4},{"X":40.5,"Y":76.5,"Count":2},{"X":19.5,"Y":22.5,"Count":1},{"X":7.5,"Y":60.5,"Count":3},{"X":11.5,"Y":34.5,"Count":1},{"X":89.5,"Y":18.5,"Count":3},{"X":80.5,"Y":24.5,"Count":2},{"X":15.5,"Y":33.5,"Count":1},{"X":6.5,"Y":27.5,"Count":1},{"X":65.5,"Y":20.5,"Count":1},{"X":5.5,"Y":36.5,"Count":2},{"X":17.5,"Y":0.5,"Count":1},{"X":61.5,"Y":4.5,"Count":2},{"X":38.5,"Y":5.5,"Count":2},{"X":40.5,"Y":95.5,"Count":1},{"X":35.5,"Y":72.5,"Count":2},{"X":45.5,"Y":62.5,"Count":1},{"X":76.5,"Y":68.5,"Count":2},{"X":58.5,"Y":54.5,"Count":2},{"X":66.5,"Y":45.5,"Count":1},{"X":74.5,"Y":49.5,"Count":1},{"X":67.5,"Y":36.5,"Count":1},{"X":77.5,"Y":17.5,"Count":1},{"X":75.5,"Y":13.5,"Count":4},{"X":91.5,"Y":11.5,"Count":1},{"X":56.5,"Y":17.5,"Count":1},{"X":62.5,"Y":13.5,"Count":2},{"X":74.5,"Y":11.5,"Count":1},{"X":77.5,"Y":14.5,"Count":2},{"X":22.5,"Y":98.5,"Count":2},{"X":31.5,"Y":78.5,"Count":2},{"X":41.5,"Y":80.5,"Count":2},{"X":31.5,"Y":53.5,"Count":3},{"X":53.5,"Y":46.5,"Count":1},{"X":36.5,"Y":83.5,"Count":3},{"X":35.5,"Y":67.5,"Count":1},{"X":37.5,"Y":64.5,"Count":1},{"X":14.5,"Y":70.5,"Count":2},{"X":83.5,"Y":21.5,"Count":1},{"X":6.5,"Y":60.5,"Count":2},{"X":63.5,"Y":30.5,"Count":1},{"X":39.5,"Y":27.5,"Count":1},{"X":16.5,"Y":18.5,"Count":2},{"X":17.5,"Y":51.5,"Count":3},{"X":59.5,"Y":77.5,"Count":1},{"X":62.5,"Y":80.5,"Count":2},{"X":55.5,"Y":70.5,"Count":1},{"X":67.5,"Y":28.5,"Count":3},{"X":37.5,"Y":82.5,"Count":4},{"X":88.5,"Y":66.5,"Count":1},{"X":79.5,"Y":51.5,"Count":2},{"X":6.5,"Y":33.5,"Count":1},{"X":61.5,"Y":69.5,"Count":2},{"X":48.5,"Y":78.5,"Count":3},{"X":55.5,"Y":57.5,"Count":4},{"X":34.5,"Y":53.5,"Count":1},{"X":26.5,"Y":44.5,"Count":1},{"X":7.5,"Y":56.5,"Count":2},{"X":49.5,"Y":83.5,"Count":1},{"X":59.5,"Y":35.5,"Count":1},{"X":78.5,"Y":51.5,"Count":1},{"X":64.5,"Y":48.5,"Count":1},{"X":78.5,"Y":36.5,"Count":2},{"X":-0.5,"Y":-90.5,"Count":1},{"X":16.5,"Y":32.5,"Count":2},{"X":37.5,"Y":78.5,"Count":1},{"X":71.5,"Y":69.5,"Count":1},{"X":70.5,"Y":68.5,"Count":1},{"X":54.5,"Y":57.5,"Count":2},{"X":24.5,"Y":56.5,"Count":1},{"X":10.5,"Y":54.5,"Count":1},{"X":24.5,"Y":52.5,"Count":1},{"X":41.5,"Y":46.5,"Count":1},{"X":15.5,"Y":58.5,"Count":2},{"X":8.5,"Y":13.5,"Count":2},{"X":30.5,"Y":30.5,"Count":2},{"X":37.5,"Y":59.5,"Count":1},{"X":35.5,"Y":53.5,"Count":2},{"X":32.5,"Y":36.5,"Count":1},{"X":16.5,"Y":53.5,"Count":1},{"X":33.5,"Y":46.5,"Count":1},{"X":37.5,"Y":13.5,"Count":3},{"X":41.5,"Y":57.5,"Count":1},{"X":64.5,"Y":61.5,"Count":1},{"X":60.5,"Y":52.5,"Count":1},{"X":30.5,"Y":60.5,"Count":1},{"X":4.5,"Y":40.5,"Count":2},{"X":50.5,"Y":60.5,"Count":2},{"X":10.5,"Y":7.5,"Count":1},{"X":15.5,"Y":6.5,"Count":3},{"X":52.5,"Y":58.5,"Count":1},{"X":30.5,"Y":14.5,"Count":4},{"X":1.5,"Y":0.5,"Count":2},{"X":75.5,"Y":10.5,"Count":2},{"X":76.5,"Y":8.5,"Count":2},{"X":90.5,"Y":7.5,"Count":1},{"X":30.5,"Y":58.5,"Count":2},{"X":50.5,"Y":7.5,"Count":3},{"X":23.5,"Y":23.5,"Count":2},{"X":36.5,"Y":65.5,"Count":1},{"X":29.5,"Y":57.5,"Count":1},{"X":14.5,"Y":33.5,"Count":1},{"X":-1.5,"Y":-80.5,"Count":1},{"X":90.5,"Y":35.5,"Count":1},{"X":69.5,"Y":29.5,"Count":2},{"X":80.5,"Y":32.5,"Count":1},{"X":70.5,"Y":45.5,"Count":1},{"X":31.5,"Y":59.5,"Count":1},{"X":8.5,"Y":57.5,"Count":2},{"X":29.5,"Y":79.5,"Count":2},{"X":31.5,"Y":77.5,"Count":1},{"X":15.5,"Y":23.5,"Count":2},{"X":20.5,"Y":22.5,"Count":2},{"X":28.5,"Y":25.5,"Count":4},{"X":30.5,"Y":79.5,"Count":3},{"X":55.5,"Y":10.5,"Count":1},{"X":42.5,"Y":73.5,"Count":2},{"X":38.5,"Y":81.5,"Count":3},{"X":39.5,"Y":81.5,"Count":1},{"X":-1.5,"Y":-38.5,"Count":1},{"X":14.5,"Y":58.5,"Count":4},{"X":47.5,"Y":62.5,"Count":2},{"X":51.5,"Y":64.5,"Count":2},{"X":18.5,"Y":23.5,"Count":1},{"X":22.5,"Y":9.5,"Count":1},{"X":35.5,"Y":96.5,"Count":1},{"X":24.5,"Y":59.5,"Count":3},{"X":54.5,"Y":65.5,"Count":3},{"X":49.5,"Y":62.5,"Count":1},{"X":46.5,"Y":60.5,"Count":1},{"X":53.5,"Y":64.5,"Count":1},{"X":42.5,"Y":82.5,"Count":1},{"X":57.5,"Y":72.5,"Count":2},{"X":71.5,"Y":34.5,"Count":1},{"X":54.5,"Y":79.5,"Count":1},{"X":53.5,"Y":78.5,"Count":2},{"X":48.5,"Y":55.5,"Count":1},{"X":90.5,"Y":51.5,"Count":1},{"X":44.5,"Y":23.5,"Count":1},{"X":71.5,"Y":45.5,"Count":2},{"X":83.5,"Y":54.5,"Count":2},{"X":75.5,"Y":36.5,"Count":2},{"X":65.5,"Y":24.5,"Count":1},{"X":59.5,"Y":25.5,"Count":1},{"X":51.5,"Y":62.5,"Count":2},{"X":54.5,"Y":68.5,"Count":2},{"X":28.5,"Y":71.5,"Count":2},{"X":31.5,"Y":33.5,"Count":1},{"X":53.5,"Y":70.5,"Count":1},{"X":21.5,"Y":25.5,"Count":3},{"X":28.5,"Y":29.5,"Count":1},{"X":25.5,"Y":24.5,"Count":1},{"X":32.5,"Y":71.5,"Count":2},{"X":14.5,"Y":65.5,"Count":2},{"X":48.5,"Y":23.5,"Count":2},{"X":47.5,"Y":96.5,"Count":2},{"X":67.5,"Y":62.5,"Count":2},{"X":81.5,"Y":49.5,"Count":1},{"X":81.5,"Y":47.5,"Count":2},{"X":80.5,"Y":23.5,"Count":1},{"X":83.5,"Y":14.5,"Count":1},{"X":46.5,"Y":82.5,"Count":2},{"X":50.5,"Y":70.5,"Count":2},{"X":77.5,"Y":34.5,"Count":3},{"X":73.5,"Y":33.5,"Count":1},{"X":43.5,"Y":84.5,"Count":2},{"X":71.5,"Y":49.5,"Count":3},{"X":78.5,"Y":24.5,"Count":1},{"X":42.5,"Y":75.5,"Count":1},{"X":44.5,"Y":62.5,"Count":3},{"X":38.5,"Y":74.5,"Count":1},{"X":58.5,"Y":25.5,"Count":2},{"X":81.5,"Y":10.5,"Count":2},{"X":15.5,"Y":72.5,"Count":1},{"X":14.5,"Y":78.5,"Count":1},{"X":33.5,"Y":84.5,"Count":3},{"X":32.5,"Y":84.5,"Count":3},{"X":41.5,"Y":82.5,"Count":1},{"X":27.5,"Y":73.5,"Count":2},{"X":60.5,"Y":68.5,"Count":1},{"X":65.5,"Y":62.5,"Count":2},{"X":38.5,"Y":52.5,"Count":2},{"X":25.5,"Y":51.5,"Count":1},{"X":28.5,"Y":48.5,"Count":1},{"X":24.5,"Y":64.5,"Count":2},{"X":30.5,"Y":55.5,"Count":1},{"X":22.5,"Y":66.5,"Count":1},{"X":4.5,"Y":64.5,"Count":1},{"X":27.5,"Y":23.5,"Count":2},{"X":6.5,"Y":35.5,"Count":1},{"X":-0.5,"Y":-67.5,"Count":1},{"X":12.5,"Y":14.5,"Count":2},{"X":51.5,"Y":77.5,"Count":2},{"X":69.5,"Y":65.5,"Count":2},{"X":88.5,"Y":7.5,"Count":1},{"X":68.5,"Y":13.5,"Count":1},{"X":53.5,"Y":20.5,"Count":1},{"X":12.5,"Y":65.5,"Count":2},{"X":9.5,"Y":39.5,"Count":1},{"X":7.5,"Y":15.5,"Count":2},{"X":86.5,"Y":0.5,"Count":3},{"X":43.5,"Y":83.5,"Count":1},{"X":41.5,"Y":4.5,"Count":4},{"X":64.5,"Y":58.5,"Count":1},{"X":44.5,"Y":65.5,"Count":2},{"X":81.5,"Y":69.5,"Count":2},{"X":42.5,"Y":77.5,"Count":2},{"X":42.5,"Y":62.5,"Count":1},{"X":52.5,"Y":55.5,"Count":1},{"X":26.5,"Y":59.5,"Count":2},{"X":14.5,"Y":41.5,"Count":1},{"X":5.5,"Y":50.5,"Count":1},{"X":44.5,"Y":16.5,"Count":1},{"X":58.5,"Y":32.5,"Count":1},{"X":52.5,"Y":34.5,"Count":1},{"X":59.5,"Y":19.5,"Count":1},{"X":72.5,"Y":7.5,"Count":1},{"X":81.5,"Y":8.5,"Count":1},{"X":76.5,"Y":12.5,"Count":1},{"X":58.5,"Y":17.5,"Count":1},{"X":70.5,"Y":19.5,"Count":2},{"X":30.5,"Y":99.5,"Count":1},{"X":39.5,"Y":83.5,"Count":1},{"X":11.5,"Y":27.5,"Count":1},{"X":25.5,"Y":36.5,"Count":1},{"X":6.5,"Y":41.5,"Count":1},{"X":28.5,"Y":59.5,"Count":2},{"X":33.5,"Y":50.5,"Count":1},{"X":5.5,"Y":31.5,"Count":2},{"X":29.5,"Y":52.5,"Count":1},{"X":5.5,"Y":46.5,"Count":2},{"X":65.5,"Y":66.5,"Count":1},{"X":64.5,"Y":70.5,"Count":2},{"X":66.5,"Y":54.5,"Count":1},{"X":66.5,"Y":52.5,"Count":1},{"X":67.5,"Y":57.5,"Count":1},{"X":71.5,"Y":63.5,"Count":1},{"X":40.5,"Y":78.5,"Count":4},{"X":51.5,"Y":80.5,"Count":2},{"X":39.5,"Y":79.5,"Count":1},{"X":38.5,"Y":78.5,"Count":1},{"X":28.5,"Y":67.5,"Count":1},{"X":35.5,"Y":55.5,"Count":1},{"X":44.5,"Y":58.5,"Count":1},{"X":48.5,"Y":83.5,"Count":2},{"X":21.5,"Y":32.5,"Count":3},{"X":69.5,"Y":49.5,"Count":3},{"X":71.5,"Y":48.5,"Count":1},{"X":51.5,"Y":35.5,"Count":1},{"X":65.5,"Y":36.5,"Count":1},{"X":83.5,"Y":33.5,"Count":1},{"X":39.5,"Y":76.5,"Count":1},{"X":56.5,"Y":46.5,"Count":1},{"X":76.5,"Y":59.5,"Count":2},{"X":69.5,"Y":59.5,"Count":5},{"X":71.5,"Y":44.5,"Count":1},{"X":55.5,"Y":38.5,"Count":1},{"X":45.5,"Y":22.5,"Count":1},{"X":57.5,"Y":22.5,"Count":1},{"X":24.5,"Y":1.5,"Count":2},{"X":30.5,"Y":7.5,"Count":2},{"X":12.5,"Y":46.5,"Count":1},{"X":88.5,"Y":41.5,"Count":1},{"X":78.5,"Y":26.5,"Count":2},{"X":65.5,"Y":32.5,"Count":2},{"X":56.5,"Y":55.5,"Count":3},{"X":35.5,"Y":85.5,"Count":1},{"X":2.5,"Y":58.5,"Count":1},{"X":69.5,"Y":54.5,"Count":1},{"X":69.5,"Y":75.5,"Count":2},{"X":83.5,"Y":60.5,"Count":2},{"X":83.5,"Y":56.5,"Count":1},{"X":67.5,"Y":51.5,"Count":2},{"X":65.5,"Y":65.5,"Count":2},{"X":56.5,"Y":26.5,"Count":1},{"X":75.5,"Y":48.5,"Count":1},{"X":52.5,"Y":30.5,"Count":1},{"X":79.5,"Y":37.5,"Count":1},{"X":80.5,"Y":35.5,"Count":2},{"X":58.5,"Y":64.5,"Count":1},{"X":81.5,"Y":61.5,"Count":1},{"X":78.5,"Y":64.5,"Count":1},{"X":63.5,"Y":56.5,"Count":1},{"X":48.5,"Y":51.5,"Count":1},{"X":29.5,"Y":47.5,"Count":1},{"X":44.5,"Y":46.5,"Count":1},{"X":37.5,"Y":49.5,"Count":1},{"X":63.5,"Y":53.5,"Count":2},{"X":59.5,"Y":36.5,"Count":1},{"X":71.5,"Y":42.5,"Count":1},{"X":83.5,"Y":39.5,"Count":1},{"X":31.5,"Y":73.5,"Count":2},{"X":68.5,"Y":56.5,"Count":1},{"X":7.5,"Y":52.5,"Count":2},{"X":11.5,"Y":69.5,"Count":2},{"X":36.5,"Y":55.5,"Count":1},{"X":24.5,"Y":28.5,"Count":2},{"X":60.5,"Y":57.5,"Count":2},{"X":59.5,"Y":50.5,"Count":1},{"X":52.5,"Y":46.5,"Count":2},{"X":68.5,"Y":55.5,"Count":2},{"X":66.5,"Y":47.5,"Count":1},{"X":-2.5,"Y":-69.5,"Count":1},{"X":72.5,"Y":35.5,"Count":1},{"X":15.5,"Y":18.5,"Count":2},{"X":69.5,"Y":50.5,"Count":1},{"X":51.5,"Y":38.5,"Count":1},{"X":1.5,"Y":6.5,"Count":1},{"X":50.5,"Y":37.5,"Count":1},{"X":70.5,"Y":26.5,"Count":1},{"X":82.5,"Y":31.5,"Count":1},{"X":66.5,"Y":37.5,"Count":1},{"X":72.5,"Y":29.5,"Count":1},{"X":71.5,"Y":40.5,"Count":2},{"X":78.5,"Y":8.5,"Count":2},{"X":25.5,"Y":9.5,"Count":2},{"X":32.5,"Y":12.5,"Count":1},{"X":43.5,"Y":16.5,"Count":2},{"X":42.5,"Y":11.5,"Count":1},{"X":31.5,"Y":62.5,"Count":3},{"X":-2.5,"Y":-79.5,"Count":1},{"X":16.5,"Y":30.5,"Count":2},{"X":52.5,"Y":78.5,"Count":3},{"X":36.5,"Y":75.5,"Count":2},{"X":47.5,"Y":23.5,"Count":2},{"X":80.5,"Y":72.5,"Count":2},{"X":73.5,"Y":57.5,"Count":2},{"X":65.5,"Y":35.5,"Count":2},{"X":42.5,"Y":72.5,"Count":1},{"X":5.5,"Y":71.5,"Count":2},{"X":3.5,"Y":70.5,"Count":2},{"X":80.5,"Y":55.5,"Count":1},{"X":66.5,"Y":56.5,"Count":1},{"X":44.5,"Y":70.5,"Count":2},{"X":78.5,"Y":76.5,"Count":1},{"X":79.5,"Y":76.5,"Count":2},{"X":49.5,"Y":77.5,"Count":1},{"X":63.5,"Y":67.5,"Count":1},{"X":20.5,"Y":51.5,"Count":1},{"X":15.5,"Y":48.5,"Count":1},{"X":10.5,"Y":40.5,"Count":1},{"X":9.5,"Y":52.5,"Count":1},{"X":23.5,"Y":54.5,"Count":2},{"X":10.5,"Y":3.5,"Count":1},{"X":5.5,"Y":12.5,"Count":2},{"X":72.5,"Y":25.5,"Count":2},{"X":46.5,"Y":20.5,"Count":1},{"X":44.5,"Y":12.5,"Count":1},{"X":43.5,"Y":10.5,"Count":2},{"X":79.5,"Y":38.5,"Count":3},{"X":80.5,"Y":56.5,"Count":1},{"X":88.5,"Y":5.5,"Count":1},{"X":77.5,"Y":57.5,"Count":2},{"X":72.5,"Y":8.5,"Count":2},{"X":82.5,"Y":4.5,"Count":2},{"X":61.5,"Y":52.5,"Count":1},{"X":20.5,"Y":5.5,"Count":1},{"X":43.5,"Y":47.5,"Count":1},{"X":47.5,"Y":56.5,"Count":1},{"X":15.5,"Y":2.5,"Count":3},{"X":50.5,"Y":4.5,"Count":3},{"X":64.5,"Y":49.5,"Count":2},{"X":49.5,"Y":99.5,"Count":1},{"X":87.5,"Y":49.5,"Count":1},{"X":89.5,"Y":35.5,"Count":1},{"X":39.5,"Y":82.5,"Count":1},{"X":74.5,"Y":29.5,"Count":2},{"X":6.5,"Y":31.5,"Count":3},{"X":21.5,"Y":28.5,"Count":1},{"X":41.5,"Y":41.5,"Count":2},{"X":34.5,"Y":38.5,"Count":1},{"X":71.5,"Y":78.5,"Count":2},{"X":33.5,"Y":78.5,"Count":2},{"X":42.5,"Y":54.5,"Count":2},{"X":72.5,"Y":30.5,"Count":2},{"X":70.5,"Y":82.5,"Count":2},{"X":51.5,"Y":9.5,"Count":1},{"X":47.5,"Y":10.5,"Count":1},{"X":54.5,"Y":42.5,"Count":2},{"X":50.5,"Y":32.5,"Count":1},{"X":36.5,"Y":47.5,"Count":3},{"X":77.5,"Y":72.5,"Count":1},{"X":72.5,"Y":79.5,"Count":2},{"X":79.5,"Y":77.5,"Count":2},{"X":75.5,"Y":81.5,"Count":2},{"X":24.5,"Y":76.5,"Count":2},{"X":23.5,"Y":59.5,"Count":2},{"X":7.5,"Y":54.5,"Count":1},{"X":3.5,"Y":56.5,"Count":2},{"X":81.5,"Y":79.5,"Count":1},{"X":60.5,"Y":77.5,"Count":2},{"X":77.5,"Y":70.5,"Count":2},{"X":-1.5,"Y":-62.5,"Count":1},{"X":9.5,"Y":29.5,"Count":2},{"X":2.5,"Y":36.5,"Count":1},{"X":19.5,"Y":20.5,"Count":1},{"X":84.5,"Y":31.5,"Count":1},{"X":14.5,"Y":21.5,"Count":1},{"X":39.5,"Y":30.5,"Count":1},{"X":22.5,"Y":83.5,"Count":1},{"X":62.5,"Y":74.5,"Count":1},{"X":34.5,"Y":84.5,"Count":1},{"X":81.5,"Y":22.5,"Count":3},{"X":84.5,"Y":16.5,"Count":1},{"X":34.5,"Y":83.5,"Count":1},{"X":80.5,"Y":33.5,"Count":1},{"X":74.5,"Y":35.5,"Count":1},{"X":88.5,"Y":27.5,"Count":2},{"X":35.5,"Y":78.5,"Count":1},{"X":37.5,"Y":76.5,"Count":2},{"X":23.5,"Y":25.5,"Count":2},{"X":63.5,"Y":63.5,"Count":3},{"X":63.5,"Y":71.5,"Count":2},{"X":60.5,"Y":50.5,"Count":1},{"X":75.5,"Y":34.5,"Count":1},{"X":80.5,"Y":50.5,"Count":1},{"X":68.5,"Y":31.5,"Count":1},{"X":24.5,"Y":77.5,"Count":2},{"X":22.5,"Y":77.5,"Count":1},{"X":52.5,"Y":81.5,"Count":2},{"X":72.5,"Y":34.5,"Count":1},{"X":82.5,"Y":20.5,"Count":1},{"X":90.5,"Y":22.5,"Count":1},{"X":77.5,"Y":30.5,"Count":2},{"X":68.5,"Y":35.5,"Count":1},{"X":35.5,"Y":10.5,"Count":1},{"X":49.5,"Y":79.5,"Count":1},{"X":46.5,"Y":75.5,"Count":1},{"X":58.5,"Y":18.5,"Count":1},{"X":50.5,"Y":23.5,"Count":1},{"X":31.5,"Y":14.5,"Count":1},{"X":15.5,"Y":7.5,"Count":2},{"X":-0.5,"Y":-92.5,"Count":1},{"X":7.5,"Y":3.5,"Count":1}]
        }
      }
    },
    data(){
      return{
        chart:"",
      }
    },
    watch: {
      heatLeft(newVal) {
        this.chart.changeData(newVal)
      }
    },
    mounted() {
      const data = this.heatLeft;
      this.chart = new DensityHeatmap(document.getElementById('heatLeft'), {
        data,
        //表格自适应画布的大小，高度宽度失效
        forceFit: true,
        xField: 'X',
        yField: 'Y',
        colorField: 'Count',
        color: ['blue','cyan','lime','yellow','red'],
        xAxis: {
          visible: false,
          tickLine: {
            visible: false
          },
          min: 0,
          tickCount: 5,
          max: 100,
        },
        yAxis: {
          visible: false,
          tickLine: {
            visible: false
          },
          min: 0,
          tickCount: 5,
          max: 100,
        },
        legend: {
          visible: false,
          position: 'bottom-center',
          flipPage: true
        },
        tooltip: {
          title:"dfadf",
          visible: false,
          offset: 10,
          showCrosshairs: true,
          crosshairs: {
            type: 'xy'
          },
          fields: ["X", "Y","Count"]
        },
        radius: 20,
        pixelRatio: 3,
        intensity: 10,
        background: {
          visible: true,
          type: 'image',
          src: '/football_ground.png',
        },
      });
      this.chart.render();
    },
  }
</script>

<style scoped>
  #heatLeft{
    /*position: absolute;*/
    width:777px;
    height:500px;
    /*background-color: red;*/
    /*top: 0;*/
    /*left: 80px;*/
  }
</style>
